<!DOCTYPE html>
<html>
    <head>
        <title>CashFlow v1.0</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="lib/jquery-1.6.4.js"></script>
        <script src="lib/jquery.mobile-1.1.0.js"></script>
        <script src="js/main.js"></script>
        <link href="src/css/jquery.mobile.structure-1.1.0.css" rel="stylesheet">
        <link href="src/css/jquery.mobile.theme-1.1.0.css" rel="stylesheet">
    </head>
    
    <body>
        <div data-role="page" id="inicio_sesion" data-title="inicio_sesion">
            <div data-role="content">
                <form id="form_login">
                    <img src="imagenes/logo.png" style="display: block; margin: 0 auto" width="300" height="200">
                    <div data-role="fieldcontain">
                        <label for="txtusuario">Nombre de usuario</label>
                        <input type="text" id="txtusuario" placeholder="Escribe aquí el nombre de usuario">
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtclave">Contraseña</label>
                        <input type="password" id="txtclave" placeholder="Escribe aquí la contraseña">
                    </div>
                    <a data-role="button" id="btnlogin">Ingresar</a>
                </form>
            </div>
        </div>
        
        
          <section id="error" data-role="dialog" data-theme="b">
            <header data-role="header" data-theme="b">
                <h1>Error</h1>
            </header>
            <article data-role="content">
                <center>
                    <p>Usuario o contraseña no valida</p>
                </center>
                <a href="#" data-role="button" data-rel="back" data-theme="b">Aceptar</a>
            </article>
        </section>
        
        <section id="ok" data-role="dialog" data-theme="b">
            <header data-role="header" data-theme="b">
                <h1>CashFlow v1.0</h1>
            </header>
            <article data-role="content">
                <center>
                    <p>¡¡ Registro realizado con éxito !!</p>
                </center>
                <a href="#inicio" data-role="button" data-rel="back" data-theme="b">Aceptar</a>
            </article>
        </section>   
         </body>

</html>